<template>
    <div class="student">
        <h2>学生姓名:{{name}}</h2>
        <h2>学生性别：{{gender}}</h2>
        <button @click="sendStudentName">点我把学生名给App</button>
        <button @click="unbind">解绑atguigu事件</button>
    </div>
</template>

<script>
export default {
    name:"StudentInfo",
    data(){
        return{
            name:"雷智磊",
            gender:"男"
            
        }
    },
    methods:{
        sendStudentName(){
            // 触发Student组件实例对象身上的atguigu事件
            // 
            this.$emit('atguigu',this.name)
            // this.$emit('demo')
        },
        unbind(){
            this.$off('atguigu')//解绑一个自定义事件
            // this.$off(['atguigu','demo'])//解绑多个自定义事件
            // this.$off()//解绑所有自定义事件
        }
    }
    
}
</script>
<style scoped>
    .student{
        background-color: aqua;
        padding: 5px;
        margin-top: 30px;
    }
</style>